<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Medforce - Gaming Subscription Website Html Template</title>
<!-- fontawesome css link -->
<link rel="stylesheet" href="assets/css/fontawesome-all.min.css">
<!-- flaticon css -->
<link rel="stylesheet" href="assets/font/flaticon.css">
<!-- magnific popup -->
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<!-- nice-select css -->
<link rel="stylesheet" href="assets/css/nice-select.css">
<!-- bootstrap css link -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- swipper css link -->
<link rel="stylesheet" href="assets/css/swiper.min.css">
<!-- favicon -->
<link rel="shortcut icon" href="assets/images/banner/fav.png" type="image/x-icon">
<!-- animate.css -->
<link rel="stylesheet" href="assets/css/animate.css">
<!-- datepicker.css -->
<link rel="stylesheet" href="assets/css/datepicker.min.css">
<!-- main style css link -->
<link rel="stylesheet" href="assets/css/style.css">
<!-- responsive css link -->
<link rel="stylesheet" href="assets/css/responsive.css">
</head>
<body>
<div class="preloader">
  <div class="preloader-inner">
    <div class="preloader-icon"><span></span><span></span></div>
    <!-- /preloader-icon --></div>
  <!-- /preloader-inner --></div>
<!-- /preloader -->
<div class="cursor"></div>
<!-- header-section start -->
<header class="header-section">
  <div class="header">
    <div class="header-top-area">
      <div class="container">
        <div class="header-top-content d-flex flex-wrap align-items-center justify-content-between">
          <div class="header-logo"><a class="site-logo site-title" href="index.html"><img src="assets/images/banner/logo.png" alt="site-logo"></a></div>
          <div class="header-right d-flex flex-wrap align-items-center">
            <div class="header-social-area">
              <ul class="header-social">
                <li><a href="#0"><i class="fab fa-facebook-f"></i></a></li>
                <li><a href="#0" class="active"><i class="fab fa-twitter"></i></a></li>
                <li><a href="#0"><i class="fab fa-pinterest-p"></i></a></li>
                <li><a href="#0"><i class="fab fa-google-plus-g"></i></a></li>
              </ul>
            </div>
            <div class="language-select-list d-flex flex-wrap">
              <div class="language-thumb"><img src="assets/images/lang.png" alt="language"></div>
              <div class="language-select">
                <select class="select-bar">
                  <option value="1">Languages</option>
                  <option value="2">Bangla</option>
                  <option value="3">Hindi</option>
                </select>
              </div>
            </div>
            <div class="header-action"><a href="#0" class="cmn-btn">Join Us</a></div>
          </div>
        </div>
      </div>
    </div>
    <div class="header-bottom">
      <div class="container">
        <nav class="navbar navbar-expand-lg p-0"><a class="site-logo site-title d-lg-none" href="index.html"><img src="assets/images/banner/logo.png" alt="site-logo"></a>
          <button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="fas fa-bars"></span></button>
          <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav main-menu">
              <li><a href="index.html">Home</a></li>
              <li><a href="#0">About</a></li>
              <li><a href="#0">Games</a></li>
              <li><a href="#0">Plan</a></li>
              <li class="menu_has_children active"><a href="#0">Blog</a>
                <ul class="sub-menu">
                  <li><a href="blog.html">Blog Post</a></li>
                  <li><a href="blog-details.html">Blog Details</a></li>
                </ul>
              </li>
              <li><a href="contact.html">Contact</a></li>
            </ul>
          </div>
          <div class="header-search-bar">
            <input type="text" name="text" placeholder="I’m searching for _">
            <button class="header-search-btn"><i class="fas fa-search"></i></button>
          </div>
        </nav>
      </div>
    </div>
  </div>
</header>
<!-- header-section end --><!-- inner-banner-section start -->
<section class="inner-banner-section bg-overlay-black bg bg_img" data-background="assets/images/banner/inner.png">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-lg-12 text-center">
        <div class="inner-banner-content">
          <h2 class="title">Blog-Single</h2>
          <div class="breadcrumb-area">
            <nav aria-label="breadcrumb">
              <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page">Blog-Single</li>
              </ol>
            </nav>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- inner-banner-section end --><!-- blog-section start -->
<section class="blog-section bg pt-120 pb-120">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-lg-8">
        <div class="blog-details-area">
          <div class="blog-details-thumb"><img src="assets/images/blog/blog-details.png" alt="blog"></div>
          <div class="blog-details-content">
            <div class="post-meta text-center">
              <div class="item"><a href="#0"><i class="far fa-comments"></i><span>30</span></a></div>
              <div class="item"><a href="#0"><i class="fas fa-share-alt"></i><span>22</span></a></div>
            </div>
            <div class="blog-post-details"><span class="blog-post-date">December 19,2019</span>
              <h3 class="title">Board Games - Have Deep Historical Roots Buried In The Sands Of Time</h3>
              <p>Lorem ipsum dolor sit amet,consectetur adipiscing elit,sed do eiusmod tempor dunt ut labore et dolore magna aliqua.Quis ipsum suspendisse ultrices gravida. Risus do viverra maecenas accumsan lacus vel facilisis. </p>
              <blockquote>
                <p class="quote-content">Modi perferendis ipsa,dolorum eaque accusantium!Velit libero fugit dolores repellendus consequatur nisi,deserunt aperiam a ea ex hic,iusto atque,quas. Aliquam rerum dolores saepe sunt,assumenda voluptas.</p>
                <div class="quote-icon"><img src="assets/images/blog/quotation.png" alt="quote"></div>
              </blockquote>
              <p>Lorem ipsum dolor sit amet,consectetur adipiscing elit,sed do eiusmod tempor dunt ut labore et dolore magna aliqua.Quis ipsum suspendisse ultrices gravida. Risus do viverra maecenas accumsan lacus vel facilisis. </p>
              <div class="blog-gaming-area">
                <h3 class="title">Gaming:Evolution and Devolution</h3>
                <p>Lorem ipsum dolor sit amet,consectetur adipiscing elit,sed do eiusmod tempor dunt ut labore et dolore magna aliqua.Quis ipsum suspendisse ultrices gravida. Risus do viverra maecenas accumsan lacus vel facilisis. </p>
                <p>Lorem ipsum dolor sit amet,consectetur adipiscing elit,sed do eiusmod tempor dunt ut labore et dolore magna aliqua.Quis ipsum suspendisse ultrices gravida. Risus do viverra maecenas accumsan lacus vel facilisis.</p>
              </div>
              <div class="blog-footer-social d-flex flex-wrap justify-content-between">
                <div class="blog-tags"><span class="title">Tags:<a href="#0">Tickets</a>,<a href="#0">Coming Soon</a>,<a href="#0">movies</a></span></div>
                <ul class="blog-social-area">
                  <li><a href="#0"><i class="fab fa-facebook-f"></i></a></li>
                  <li><a href="#0" class="active"><i class="fab fa-twitter"></i></a></li>
                  <li><a href="#0"><i class="fab fa-instagram"></i></a></li>
                  <li><a href="#0"><i class="fab fa-pinterest-p"></i></a></li>
                  <li><a href="#0"><i class="fab fa-google-plus-g"></i></a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="blog-author d-flex flex-wrap align-items-center">
          <div class="author-thumb"><a href="#0"><img src="assets/images/blog/blog-user.png" alt="blog"></a></div>
          <div class="author-content">
            <h3 class="title"><a href="#0">Lee Burke </a></h3>
            <p>Lorem ipsum dolor sit amet,consectetur adipiscing elit,sed do eiusmod tempor dunt ut labore et dolore magna aliqua.Quis ipsum suspendisse . </p>
          </div>
        </div>
        <div class="blog-comment">
          <h3 class="title">comments</h3>
          <ul class="comment-area">
            <li class="d-flex flex-wrap align-items-center">
              <div class="blog-thumb"><a href="#0"><img src="assets/images/blog/comment-1.png" alt="blog"></a></div>
              <div class="blog-thumb-info"><span>13 days ago</span>
                <h6 class="title"><a href="#0">carl morgan</a></h6>
              </div>
              <div class="blog-comment-content">
                <p>Maecenas at velit eu erat egestas vestibulum id ut tellus. Sed et semper mauris. Quisque eu lorem libero. Donec finibus metus tellus,eget rutrum est mattis non. </p>
              </div>
            </li>
            <li class="d-flex flex-wrap align-items-center">
              <div class="blog-thumb"><a href="#0"><img src="assets/images/blog/comment-2.png" alt="blog"></a></div>
              <div class="blog-thumb-info"><span>13 days ago</span>
                <h6 class="title"><a href="#0">john flores</a></h6>
              </div>
              <div class="blog-comment-content">
                <p>Maecenas at velit eu erat egestas vestibulum id ut tellus. Sed et semper mauris. Quisque eu lorem libero. Donec finibus metus tellus,eget rutrum est mattis non. </p>
              </div>
            </li>
            <li class="d-flex flex-wrap align-items-center">
              <div class="blog-thumb"><a href="#0"><img src="assets/images/blog/comment-3.png" alt="blog"></a></div>
              <div class="blog-thumb-info"><span>13 days ago</span>
                <h6 class="title"><a href="#0">carl morgan</a></h6>
              </div>
              <div class="blog-comment-content">
                <p>Maecenas at velit eu erat egestas vestibulum id ut tellus. Sed et semper mauris. Quisque eu lorem libero. Donec finibus metus tellus,eget rutrum est mattis non. </p>
              </div>
            </li>
          </ul>
          <div class="leave-comment">
            <h3 class="title">leave comment</h3>
            <form class="blog-form">
              <div class="form-group">
                <input type="text" placeholder="Enter Your Full Name" required>
              </div>
              <div class="form-group">
                <input type="text" placeholder="Enter Your Email Address" required>
              </div>
              <div class="form-group">
                <textarea placeholder="Write A Message" required></textarea>
              </div>
              <div class="form-group">
                <input type="submit" value="Submit Now">
              </div>
            </form>
          </div>
        </div>
      </div>
      <div class="col-lg-4">
        <div class="sidebar">
          <div class="widget-box mb-30">
            <div class="search-widget-box">
              <h3 class="title">Search</h3>
              <div class="search-option">
                <input type="text" name="search" placeholder="Enter your Search Content">
              </div>
              <button class="search-submit" type="submit"><span><i class="fas fa-search"></i>Search</span></button>
            </div>
          </div>
          <div class="widget-box mb-30">
            <div class="post-widget-box">
              <div class="post-header">
                <h3 class="title">Latest Posts</h3>
                <div class="ruddra-next"><i class="fas fa-chevron-right"></i></div>
                <div class="ruddra-prev"><i class="fas fa-chevron-left"></i></div>
              </div>
              <div class="blog-post-wrapper">
                <div class="swiper-wrapper">
                  <div class="swiper-slide">
                    <div class="blog-post-thumb"><img src="assets/images/blog/blog-post.png" alt="blog"></div>
                    <div class="blog-post-content">
                      <h3 class="title"><a href="blog-details.html">Digital Games And Kids - A Different Perspective</a></h3>
                      <div class="blog-meta-post blog-meta-post-two d-flex flex-wrap"><span class="blog-comment"><a href="blog-details.html"><i class="fas fa-comments"></i>20 Comments</a></span><span class="blog-view"><a href="blog-details.html"><i class="fas fa-eye"></i>466 View</a></span></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="widget-box mb-30">
            <div class="social-widget-box">
              <h3 class="title">Follow us</h3>
              <ul class="blog-social">
                <li><a href="#0"><i class="fab fa-facebook-f"></i></a></li>
                <li><a href="#0" class="active"><i class="fab fa-twitter"></i></a></li>
                <li><a href="#0"><i class="fab fa-instagram"></i></a></li>
                <li><a href="#0"><i class="fab fa-pinterest-p"></i></a></li>
                <li><a href="#0"><i class="fab fa-google-plus-g"></i></a></li>
              </ul>
            </div>
          </div>
          <div class="widget-box mb-30">
            <div class="category-widget-box">
              <h3 class="title">Categories</h3>
              <ul class="category-content">
                <li><a href="#">Epic</a><span class="count">50</span></li>
                <li><a href="#">Esports</a><span class="count">40</span></li>
                <li><a href="#">Coming Soon</a><span class="count">55</span></li>
                <li><a href="#">Legendary</a><span class="count">36</span></li>
                <li><a href="#">Adventure</a><span class="count">26</span></li>
                <li><a href="#">Single Player</a><span class="count">55</span></li>
                <li><a href="#">Extreme</a><span class="count">38</span></li>
              </ul>
            </div>
          </div>
          <div class="widget-box">
            <div class="tag-widget-box">
              <h3 class="title">Featured Tags</h3>
              <div class="tag-item-wrapper"><a href="#" class="tag-item">Hunting</a><a href="#" class="tag-item">Action</a><a href="#" class="tag-item">Sports</a><a href="#" class="tag-item">Real Racing</a><a href="#" class="tag-item active">Adeventure</a></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- blog-section end --><!-- footer-section start -->
<section class="footer-section bg bg_img" data-background="assets/images/footer-bg.png">
  <div class="footer-element"><a href=""><img src="assets/images/phone.png" alt="phone"></a></div>
  <div class="footer-element-one"><img src="assets/images/footer/footer-element-one.png" alt="element"></div>
  <div class="footer-element-two"><img src="assets/images/footer/footer-element-two.png" alt="element"></div>
  <div class="footer-element-three"><img src="assets/images/footer/line1.png" alt="element"></div>
  <div class="footer-element-four"><img src="assets/images/footer/line1.png" alt="element"></div>
  <div class="footer-element-five"><img src="assets/images/footer/line9.png" alt="element"></div>
  <div class="footer-element-six"><img src="assets/images/footer/line9.png" alt="element"></div>
  <div class="footer-element-seven"><img src="assets/images/footer/line3.png" alt="element"></div>
  <div class="footer-element-eight"><img src="assets/images/footer/line5.png" alt="element"></div>
  <div class="footer-element-nine"><img src="assets/images/footer/line5.png" alt="element"></div>
  <div class="footer-element-ten"><img src="assets/images/footer/line5.png" alt="element"></div>
  <div class="footer-element-eleven"><img src="assets/images/footer/line5.png" alt="element"></div>
  <div class="footer-element-twelve"><img src="assets/images/footer/line5.png" alt="element"></div>
  <div class="footer-element-thirteen"><img src="assets/images/footer/manyline.png" alt="element"></div>
  <div class="footer-element-fourteen"><img src="assets/images/footer/line5.png" alt="element"></div>
  <div class="footer-element-fifteen"><img src="assets/images/footer/line5.png" alt="element"></div>
  <div class="footer-element-sixteen"><img src="assets/images/footer/line5.png" alt="element"></div>
  <div class="footer-element-seventeen"><img src="assets/images/footer/circle3.png" alt="element"></div>
  <div class="footer-shape"><img src="assets/images/footer/dotline.png" alt="element"></div>
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <div class="footer-content">
          <h3 class="sub-title">Subscribe to Medforce</h3>
          <h2 class="title">To Get Exclusive Benefits</h2>
          <form class="footer-form">
            <input type="email" name="email" placeholder="Your Email Address">
            <input type="submit" class="cmn-btn" value="Subscribe">
          </form>
          <p>We respect your privacy,so we never share your info</p>
        </div>
        <div class="footer-bottom d-flex flex-wrap justify-content-between align-items-center">
          <div class="footer-logo"><a href="#0"><img src="assets/images/banner/logo.png" alt="logo"></a></div>
          <div class="footer-btn"><a href="#0" class="cmn-btn">Join Us</a></div>
        </div>
        <div class="copyright-area d-flex flex-wrap justify-content-between">
          <div class="copyright-content">
            <p>Copyright &copy; 2021.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
          </div>
          <ul class="blog-social">
            <li><a href="#0"><i class="fab fa-facebook-f"></i></a></li>
            <li><a href="#0" class="active"><i class="fab fa-twitter"></i></a></li>
            <li><a href="#0"><i class="fab fa-instagram"></i></a></li>
            <li><a href="#0"><i class="fab fa-pinterest-p"></i></a></li>
            <li><a href="#0"><i class="fab fa-google-plus-g"></i></a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- footer-section end -->
<!-- jquery -->
<script src="assets/js/jquery-3.3.1.min.js"></script>
<!-- migarate-jquery -->
<script src="assets/js/jquery-migrate-3.0.0.js"></script>
<!-- bootstrap js -->
<script src="assets/js/bootstrap.min.js"></script>
<!-- magnific-popup js -->
<script src="assets/js/jquery.magnific-popup.js"></script>
<!-- isotope -->
<script src="assets/js/isotope.pkgd.min.js"></script>
<!-- nice-select js-->
<script src="assets/js/jquery.nice-select.js"></script>
<!-- swipper js -->
<script src="assets/js/swiper.min.js"></script>
<!-- waypoints js link -->
<script src="assets/js/jquery.waypoints.min.js"></script>
<!-- counterup js -->
<script src="assets/js/jquery.counterup.min.js"></script>
<!-- datepicker js -->
<script src="assets/js/datepicker.min.js"></script>
<!-- datepicker js -->
<script src="assets/js/datepicker.en.js"></script>
<!-- wow js file -->
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/plugin.js"></script>
<!-- sidebar js -->
<script src="assets/js/theia-sticky-sidebar.min.js"></script>
<!-- paroller js -->
<script src="assets/js/jquery.paroller.min.js"></script>
<!-- main -->
<script src="assets/js/main.js"></script>
</body>
</html>